<template>
	<view class="locale-list">
		<view class="locale-item" v-for="(item, index) in locales" :key="index" @click="onLocaleChange(item)">
			<text class="text">{{item.text}}</text>
			<text class="icon-check" v-if="item.code == applicationLocale"></text>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.locale-item {
		display: flex;
		flex-direction: row;
		padding: 10px;
		box-sizing: border-box;
	}

	.locale-item .text {
		flex: 1;
	}
</style>
